<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 10300
  Date: 2021/10/29
  Time: 9:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>添加大礼包</title>
    <link type="text/css" rel="stylesheet" href="fontsawesome/css/font-awesome.css"/>
    <link type="text/css" rel="stylesheet" href="css/style.css"/>
    <link type="text/css" rel="stylesheet" href="css/datepicker.css"/>
</head>
<body>
<div class="main_box">
    <div class="cont_box editpro_box">
        <form action="${pageContext.request.contextPath}/addGift" method="get">
            <input type="hidden" value="${sessionScope.pet[0].vid}" name="vid" required data-rule-isCarNo="true">
<%--            <input type="hidden" value="2025-01-01" name="last_trgtime" required data-rule-isCarNo="true">--%>
            <ul class="addpro_box adduser_box">
                <li>
                    <label>手机号：</label>
                    <input type="text" value="${sessionScope.gift1[0].phone}" name="phone" readonly/>
                </li>
                <li>
                    <label>大礼包：</label>
                    <select name="wid" onchange="findSpree()"  id="test">
                        <option>请选择</option>
                        <option value="2">大礼包</option>
                        <option value="1">超级大礼包</option>
                        <select>
                </li>
                <li>
                    <label>礼包详情：</label>
                    <div class="f_left">
                        <p>超级大礼包:1888</p>
                        <p>大礼包:888</p>
                        <p>大礼包有效期:366天</p>
                        <p>活动截止日期:2037-02-10 23:59:59</p>
                    </div>
                </li>
                <li>
                    <label>礼包服务：</label>
                    <div class="f_left" id="ssss" name="ssss">

                    </div>
                </li>
                <li>
                    <label>绑定车牌号：</label>

                    <select name="car_id">
                        <c:forEach items="${sessionScope.car}" var="car">
                        <option value="${car.bus_id}">${car.bus_id}</option>
                            </c:forEach>
                        <select>
                </li>
                <li>
                    <label>销售人员：</label>
                    <select name="sales">
                        <c:forEach items="${sessionScope.emp}"  var="emp">
                        <option value="${emp.ename}">${emp.ename}</option>
                        </c:forEach><select>
                </li>
            </ul>
            <div class="probtn_box clearfix">
                <input type="submit" value="添加大礼包" class="btn blue_btn"/>
            </div>
        </form>
    </div>
</div>
<!--javascript include-->
<script src="js/jquery-2.2.1.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/jquery.form.min.js"></script>
<script src="js/jquery.cxselect.min.js"></script>
<script src="js/other1.js"></script>
<script>
    // $(function(){
    //     $("body").other({formId:"#pcard_form",formUrl:"#"});//formUrl 表单请求地址,linkHref 请求成功后跳转地址，此页面不需要，已删除
    //     $("#carmodel").cxSelect({
    //         url: "js/carModel.json",
    //         selects: ["carbrand", "carmodela", "carmodelb", "carmodelc"],
    //         emptyStyle: "none"
    //     });
    // });



    function findSpree(){
        var objs = document.getElementById("test");
        var id = objs.options[objs.selectedIndex].value;
        $.ajax({
            type:'get',
            data:{"wid":id},
            url:'${pageContext.request.contextPath}/findOneSpree',
            success:function (data){
                console.log(data)
                $('#ssss').empty();
                $.each(data, function (index, item) {
                    $('#ssss').append(//此处向select中循环绑定数据
                        "<p>" + item.server + item.free + "</p >");
                })

            }
        })
    }

</script>
</body>
</html>
